<template>
	<view class="detail">
		<headerVue transparent="1" title="详情" />
		<image class="swiper-img" :src="src"></image>
		<view class="content-wrap" v-for="v in obj">
			<view class="title">{{ v.title }}</view>
			<view class="content" v-if="Array.isArray(v.content)">
				<view class="list" v-for="t in v.content">{{ t }}</view>
			</view>
			<view class="content" v-else>{{ v.content }}</view>
		</view>
	</view>
</template>

<script>
	import headerVue from '../../components/header.vue';
	export default {
		components:{
			headerVue
		},
		data(){
			return {
				src: '',
				obj: [
					{
						title: '化身公主骑士',
						content: '扮演致命猎手“大黄蜂”，踏入丝与歌统治的王国！被俘至陌生世界，在致命的朝圣之路上迎战强敌、破解远古谜团，直抵王国巅峰。《空洞骑士：丝之歌》是动作冒险游戏《空洞骑士》的史诗续作。探索全新世界，觉醒未知力量，在虫兽狂潮中杀出血路，揭开与你身世交织的远古秘辛。'
					},
					{
						title: '游戏特色',
						content: [
							'探索陷落的虫之王国“纺络”！穿越苔藓洞窟、镀金城邦与雾锁荒原，攀向世界之巅的闪耀圣堡。',
							'体验生死一线的战斗！在行云流水的华丽厮杀中，施展丰富且致命的招式穿梭于敌阵之中。',
							'锻造强力工具！掌握不断进化的武器、陷阱与机关，横扫敌人，探索新高处。',
							'完成震撼任务！狩猎珍奇异兽，破解远古谜题，实现受难者夙愿，重燃王国希望。',
							'迎战200+凶残敌人！野兽与猎人，怪物与骑士，以勇气与技艺斩尽来敌！',
							'征服40+传奇头目！在史诗对决中挑战传说英雄与堕落君王，执掌王国命运。',
							'挑战钢铁之魂模式！征服王国后，在更高难度的新模式中淬炼技艺。',
							'沉浸绝美交响乐章！《空洞骑士》获奖作曲家Christopher Larkin倾力打造忧郁旋律、恢弘弦乐与直击灵魂的头目战主题曲。'
						]
					}
				],
			}
		},
		onLoad(options) {
			this.src = options.src
		}
	}
</script>

<style lang="scss" scoped>
	.swiper-img{
		margin: 24rpx;
		width: calc(100% - 48rpx);
		border-radius: 12rpx;
	}
	.content-wrap{
		background-color: #fff;
		border-radius: 16rpx;
		margin: 24rpx;
		padding: 20rpx;
		.title{
			font-size: 32rpx;
			margin-bottom: 24rpx;
		}
		.list{
			margin-bottom: 12rpx;
		}
	}
</style>